import { useNavigate, useLocation } from 'react-router-dom';
import Nabar from '../../conpoment/Nabar';
import styles from './index.module.css';

function Index() {
  const navigate = useNavigate();
  const location = useLocation();

  const handleAgree = () => {
    // 用户同意须知后的处理逻辑
    console.log('用户已阅读并同意自助取号须知');
    
    // 判断当前路径是否是 self-service-number
    const currentPath = location.pathname;
    
    // 如果是从自助取号入口进入的，跳转到预约表单页面并传递路由信息
    if (currentPath === '/self-service-number') {
      navigate('/appointment_from', { 
        state: { from: '/self-service-number' } 
      });
    } else {
      // 否则跳转到预约表单页面
      navigate('/appointment_from');
    }
  };

  return (
    <div className={styles.container}>
      {/* 顶部导航栏 */}
      <Nabar title="自助取号须知" sticky={false} />
      
      {/* 内容区域 */}
      <div className={styles.content}>
        <div className={styles.title}>自助取号须知</div>
        
        <div className={styles.instructions}>
          <div className={styles.instructionItem}>
            <span className={styles.number}>1、</span>
            <span className={styles.text}>
              预约挂号一律采用实名制,请病人用本人身份证预约,并登记有效手机号码利于联系。
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>2、</span>
            <span className={styles.text}>
              省、市医保病人,用医保卡于就诊当天在门诊自助机取号;自费病人,用病人本人身份证于就诊当天在门诊自助机取号;
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>3、</span>
            <span className={styles.text}>
              初诊持特种病历的病人、无医保卡的医保病人和自费未带身份证的病人于就诊当天在门诊收费窗口取号。
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>4、</span>
            <span className={styles.text}>
              请您按预约的候诊时间取号候诊;上午就诊号务必在10:00前取,下午就诊号务必在15:00前取,过这时时间预约号作废。
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>5、</span>
            <span className={styles.text}>
              预约成功后必须按时取号就诊,若遇特殊情况无法按时来挂号就诊,必须提前一个工作日打电话取消预约,否则按爽约处理,二次爽约在三个月内不能预约。
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>6、</span>
            <span className={styles.text}>
              如预约的专家因特殊情况当天不能出诊,医院安排同专科同级别的专家出诊。
            </span>
          </div>
          
          <div className={styles.instructionItem}>
            <span className={styles.number}>7、</span>
            <span className={styles.text}>
              <span className={styles.warningText}>
                取号地理范围需要医院有效范围内,否则无法开启自助取号。
              </span>
            </span>
          </div>
        </div>
           {/* 底部按钮 */}
      <div className={styles.footer}>
        <button className={styles.agreeButton} onClick={handleAgree}>
          我已阅读并同意须知
        </button>
      </div>
      </div>
    </div>
  );
}

export default Index;
